
<!doctype html>
<html>
<head>
    <title>jQuery Tagit Demo Page</title>
    <link href="/css/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <link href="/css/tagit.css" rel="stylesheet" type="text/css"/>
    <script src="/js/jquery-1.6.2.min.js"></script>
    <script src="/js/jquery-ui.min.js"></script>
    <script src="/js/tagit.js"></script>
    <script>
        $(function() {

            var availableTags = [
                "ActionScript",
                "AppleScript",
                "Asp",
                "BASIC",
                "C",
                "C++",
                "Clojure",
                "COBOL",
                "ColdFusion",
                "Erlang",
                "Fortran",
                "Groovy",
                "Haskell",
                "Java",
                "JavaScript",
                "Lisp",
                "Perl",
                "PHP",
                "Python",
                "Ruby",
                "Scala",
                "Scheme"
            ];

            $('#demo1').tagit({tagSource: availableTags, select: true, maxTags:5});

        });
    </script>
</head>
<body>
<div id="wrap">
    <h1>jQuery Tagit Demo Page</h1>
		<form>
    <div class="box">
        <h3>Hidden Select</h3>

        <div class="box">
            <ul id="demo1" name="nameOfSelect"></ul>
            <div class="buttons">
                <button id="demo1GetTags" value="Get Tags">Get Tags</button>
            </div>
        </div>


</div>
</form>
</body>
</html>
